var form = layui.form;

form.verify({
  //我们既支持上述函数式的方式，也支持下述数组的形式
  //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
  pass: [
    /^[\S]{6,12}$/
    , '密码必须6到12位，且不能出现空格'
  ],
  password: function (value) {
    if (value === $('[name=oldPwd]').val()) {
      return `新旧密码不能一致`
    }
  }
});

form.on('submit', function (e) {
  e.preventDefault()
  let data = $(this).serialize()
  axios.post('/my/updatepwd', data)
    .then(res => {
      console.log(res)
    })
})

// ============================= ajax请求，完成更新 =============================
$('#form').on('submit', function (e) {
  e.preventDefault();

  let data = $(this).serialize();

  // 获取表单中的数据，ajax提交
  axios.post("/my/updatepwd", data).then((res) => {
    if (res.data.status !== 0) {
      // 修改密码失败
      return layer.msg("重置密码失败");
    }

    // 成功
    layer.msg("更新密码成功");

    // 表单重置功能
    $("#form")[0].reset();
  });
})


// ============================= 获取用户信息填充到表单中 =============================
function renderForm() {
  axios.get("/my/userinfo").then((res) => {
    // ...

    form.val("form", res.data.data);
  });
}// ============ 重置表单 ============
$('#btnReset').on('click', function (e) {
  e.preventDefault();

  renderForm(); // 调用函数，重新发送ajax请求，获取用户信息，重新为表单赋值
});